@charset "utf-8";
/* CSS Document */
*{margin:0 auto;padding:0px;}
body,p,h1,h2,h3,h4,h5,ul,li,img,table,tbody,tr,td,a,span{margin:0 auto;padding:0px;_margin:0 auto;_padding:0px;}

body{font-size:12px;text-transform: inherit;color:#333; font-family:"Microsoft YaHei" ;letter-spacing:1px; background:url(body_bg.jpg) repeat-x #f5f5f5;}

img{border:none;}

a{text-decoration:none;border:none}

ul li{list-style:none}
.h1_top{position: absolute;
    height: 22px;
    line-height: 22px;
    top: 65px;
    left: 50%;
    margin-left: 350px;}
.h1_top h1{float:left;font-size:12px;text-indent:20px;font-weight:normal;}


.header{ width:100%; background:#FFF; position:fixed; z-index:99; top:0;}

#header{ width:1200px; margin:0 auto; overflow:hidden}

.logo{ float:left;}

.nav{ float:right; width:950px;}

.nav ul{ float:left; width:550px;}

.nav ul li{ float:left; background:url(nav_g.jpg) no-repeat left center; padding-left:12px; margin-right:12px; height:52px; line-height:52px; margin-top:23px;}

.nav ul li a{ color:#000; font-size:14px;}

.nav ul li a:hover{ color:#f72330}

.nav p{ float:right; width:200px;height:52px; line-height:26px; margin-top:10px;    font-style: italic;    font-size: 24px;    font-family: Myriad Pro; background:url(tel.jpg) no-repeat left center; padding-left:25px; color:#f72330}
.nav p span{    display: block;}
.header_ewm{float: right;margin-right:30px; margin-top: 5px;}
.header_ewm img{ width:80px; }

.swiper-containers{margin-top:93px;}


.midbg{ width:100%; height:550px; position: relative; z-index:1;clear:both; margin-bottom:3px; }

.iBan { height:550px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}

.iBanScreen{  height:550px; background-repeat:no-repeat; background-position:center top;}

.iBanScreen ul{ width:100%; height:550px; position:relative; top:0; margin:0 auto;}

.iBanScreen li{ width:100%; height:550px; overflow:hidden; position:absolute; display:none;}

.iBanScreen li a{ display:block; width:100%; height:100%}

.iBanScreen .num{ position:absolute; bottom:15px; left:50%; z-index:999; }

.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}

.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}

.search_bg{ background:url(search_bg.jpg) no-repeat top center; clear:both; height:67px; width:1200px;}

.search{ width:1000px; margin:0 auto}

.search_left{ float:left; width:460px; color:#fff}

.s_left{ float:left; width:150px; font-size:16px; color:#fff; height:67px; line-height:67px;}

.s_left span{ color:#ff0000}

.s_right{ float:right; width:300px; line-height:25px; font-size:13px; margin-top:10px;}

.s_right a{ color:#fff}

.search_right{width:460px; float:right}

.search_index{ float:right; width:265px;}

.search_index{float:right; margin-right:10px; width:265px; line-height:22px; margin-top:23px;}

.input{float:left; width:221px; padding-left:2px; background:url(search_left.jpg) no-repeat left top; height:22px; line-height:22px; color:#666666; border:none; }

.pro_index{ width:1200px; margin:0 auto; clear:both; margin-top:23px;}

.prolist_h2{ background:url(prolist_h2.jpg) no-repeat  bottom center; font-size:26px; color:#ff0000; text-align:center; height:98px;}

.prolist_h2 span{ color:#5a5a5a}

.prolist_p{ text-align:center; line-height:30px; color:#000000; font-size:13px;}

.pro_list ul li{ float: left; width:183px; text-align:center; background:url(pro_list_bg.jpg) no-repeat top center; margin:60px 28px;  }

.pro_list ul li span{ font-size:17px; font-family: "Futura Bk BT";letter-spacing: normal;}

.pro_list ul li a{ color:#fff; font-size:22px; display:block;padding-top:56px; height:127px;}

/*.pro_list ul li a:hover{ background:url(pro_list_bg_a.jpg) no-repeat top center}*/

.pro_list ul li img{ padding-top:15px;}

.pro_show{ clear:both}

.h2_title{ text-align:center; background:url(pro_h2.jpg) no-repeat bottom center; font-size:24px; font-weight:normal; height:69px;  margin-bottom:5px; clear:both; padding-bottom:5px; }

.h2_title span{ font-size:27px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }

.pro_show{ clear:both; margin-top:40px; margin-bottom:50px; overflow:hidden}

#demo {overflow: hidden; width:1200px;  float: left; margin-left:10px;}

#indemo {float: left;width: 1200px;}

#demo1 {float: left;}

.download_show li{ float:left; width:272px; margin:0px 12px; text-align:center  }

.download_show li img{ width:270px; height:261px; border:1px solid #9dd848}

.download_show li p{ height:30px; line-height:30px; color:#000}

.download_show li a:hover p{ color:#f91224}

.download_show li h3{ height:30px; line-height:30px; color:#000;font-weight: 100;}

.download_show li a:hover h3{ color:#f91224}

#demo2 {float: left;}

.LeftBotton {float:left; }

.LeftBotton a{background:url(arrow_left.jpg) no-repeat center center;width:46px;height:263px;display:block;}

.RightBotton{float:right;}

.RightBotton a{display:block;width:46px;height:263px;background:url(arrow_right.jpg) no-repeat center center}

.news_bg{ background:url(news_bg.jpg) repeat-x; height:600px;background-color: #fff;}

.news_index{ width:1200px; margin:0 auto;}

.news_index h2{ background:url(news_h2_bg.jpg) no-repeat bottom center; height:102px; margin-bottom:35px;}

.news_index ul li{ float:left; width:560px; margin:20px;border-bottom: 1px solid #d2d2d2;}

.news_index ul li img{ float:left; margin-right:20px; border:1px solid #f5f5f5}

.news_index ul li a{ color:#000}

.n_title{ font-size:18px;  line-height:30px; }

.n_time{line-height:30px; font-size:16px;float: right;}

.n_p{ font-size:15px; line-height:25px; margin-top:10px;}

.news_index ul li a:hover .n_title{ color:#f91224}

.about_bg{ clear:both; background:url(about_bg.jpg) no-repeat top center; height:791px; overflow:hidden}

.about_index{width:1200px; margin:0 auto;}

.about_index .h2_title{ background:url(about_h2.png) no-repeat bottom center; color:#fff; margin-top:40px;}

.about_left{ color:#fff; float:left; width:555px; margin-top:60px; background:url(about_h3_bg.png) no-repeat left top; padding-left:45px; margin-bottom:34px;}

.about_t{ font-size:26px;  padding-left:20px; margin-bottom:60px;}

.about_p{ font-size:13px; line-height:30px; margin-bottom:35px;}

.about_right{ float:right; width:550px;margin-top:70px;}

.slide_x {overflow: hidden;	position: relative;float:left;width: 550px;	height:316px;	}

.slide_x .box {overflow: hidden;	position: relative;	width:476px;	height: 316px;margin-left: 37px;}

.slide_x .list{overflow: hidden;	width: 9999px;height: 316px;text-align: center; }

.slide_x .list li {float: left;	position: relative;	width: 476px;}

.slide_x .list img {vertical-align: top;}

.slide_x .minus,.slide_x .plus {position: absolute;	top: 142px;	text-align: center;	cursor: pointer;}

.slide_x .minus {top: 142px;width:27px;height: 28px;	background: url(news_arrow_left.png) no-repeat left top;}

.slide_x .plus {right: 0px;top:142px;width: 27px;height: 28px;background: url(news_arrow_right.png) no-repeat left top;}

.box_g img{ position:relative; margin-top:-312px; margin-left:3px;}

.about_list{ clear:both; width:825px; margin:0 auto }

.about_list ul li{ float:left; margin:0px 35px;}

/* 主推产品 */
.main_pro{width: 1200px;margin: 50px auto;}
.main_pro .ptotop{margin: 30px 0;height: 300px;}
.main_pro .probot{margin: 10px 0;height: 330px;}
.main_pro .box{width: 730px;float: right;}
.main_pro .box h2{margin: 10px 0;}
.main_pro .box p{line-height: 1.8em;text-indent: 2em;}

.footer_bg{ background:url(footer_bg.jpg) no-repeat top center #313131; clear:both; overflow:hidden;  padding-bottom:20px; margin-top:35px;}

.footer{ width:1150px; margin:0 auto; margin-top:20px; color:#fff}

.footer a{ color:#fff;}

.footer a:hover{ text-decoration:underline}

.f_left{ float:left; width:180px; text-align:center}

.f_contact{ background:url(f_contact.jpg) no-repeat top center; padding-top:81px; font-size:13px; margin-bottom:15px;}

.f_contact span{ font-size:23px; font-family:Arial, Helvetica, sans-serif}

.jiathis_style_32x32 p{ font-size:13px; line-height:30px;}

.ewm{ font-size:13px; line-height:30px;}

.ewm img{ width:100px;margin-top:24px;}

.f_right{ float:right; width:940px; margin-top:40px;}

.f_nav{ float:left; text-align:center; width:235px; background:url(f_g.jpg) no-repeat left center; height:163px; margin-bottom:50px;}

.f_nav span{ font-size:14px; padding-bottom:10px; display:block}

.f_nav a{ line-height:23px;}

.f_p{ clear:both; text-align:center; border-top:1px solid #4a5054; padding-top:15px; line-height:23px;}

/*ny*/
.banner_ny{ clear:both; background:url(banner_ny.jpg) no-repeat top center; height:414px; margin-top:93px;}

#content_ny{ width:1200px; margin:0 auto; overflow:hidden; margin-top:39px;}

.title_h1{height:58px;line-height:58px;color:#ffffff;  background:url(h1_bg.jpg) no-repeat top center; padding-left:78px; font-size:13px; margin-bottom:20px; }

.title_h1 a{ color:#fff}

.h1_name{ float:right; margin-right:70px; font-size:23px;}

.list_ny{ clear:both; margin-bottom:10px; overflow:hidden}

.list_ny ul li{ float:left; height:40px; line-height:40px;  font-size:14px; border:1px solid #CCC; margin:0px 9px;}

.list_ny ul li a{ color:#000; display:block;padding:0px 20px;}

.list_ny ul li a:hover{  background:#ccc}

.list_ny ul li.list_a a{  background:#ccc}

.page_content{line-height:30px;text-align:center; overflow:hidden; clear:both  }

.page_content p{text-align:left;text-indent:2em; font-size:14px; color:#333333;  }

.page_content p img{ margin-left:-22px;}

.News_list{text-align:left; }

.News_list li{line-height:35px;background:url(news_dian.jpg) no-repeat 5px center; border-bottom:1px dashed #d7d7d7; font-size:14px;}

.News_list li a{color:#333; display:block;padding-left:25px;}

.News_list li a:hover{ color:#ff0000; }

.time{ float:right}

#page{clear:both;margin:20px; text-align: center; color:#9d9898}

#page a{color:#666666;padding-left:5px}


.Product_list{margin-top:5px;overflow:hidden}

.Product_list li{float:left; width:272px; margin:5px 14px; text-align:center}

.Product_list li img{ width:270px; height:261px; border:1px solid #9dd848}

.Product_list li h3{ height:30px; line-height:30px; color:#000; font-weight:normal}

.Product_list li a:hover h3{ color:#f91224}

.title{height:30px;line-height:30px;font-size:18px;font-weight:bold;/*margin:0px 0px 5px 0px;*/color:#000}

.hit{height:30px;line-height:30px; display:block; padding-bottom:10px;}

.page{text-align:left;line-height:25px;border:1px #CCCCCC solid;padding:5px 0px 5px 30px; margin-top:10px}

.page a{color:#7e7e7e}

#related_product{overflow:hidden}


#related_product p{font-size:16px;margin:15px 0;text-align:left; font-weight:bold}

#details {margin-bottom:20px;margin-top:20px;}

#page a.active:link, #page a.active:visited {color: #ff0000}
.related_news li{width:50%;float:left;}
.related_news li a{color: #000; text-align:left; display:block;width:100%;line-height:25px;}
.page_p{ margin:20px 0px;clear:both;}

.page_p img{ text-align:center; margin:5px 0px;}

#name,#tel,#mailbox,#sex{ height:40px; line-height:40px; margin:10px 0px; text-indent:1em}

#content{ line-height:30px;text-indent:1em}


.contact_us_left input[type="text"]{margin: 8px 0;height: 30px; width: 600px;margin-left: 65px;}
.contact_us_left textarea{margin: 8px 0;height: 80px!important; width: 600px!important;}
.contact_us_left input[type="button"]{margin-left: 255px!important;}

.swiper-containers{overflow: hidden;}
.swiper-containers .swiper-slide img{width: 100%;}

.footerDiv {display: none;}
.banner_ny{background: none;height: auto;}
.banner_ny img{width: 100%;}

@media (min-width: 1200px) and (max-width: 1700px) {}

@media (min-width: 1024px) and (max-width: 1199px) {
    .logo{padding-left: 20px;}
    #header{width: 100%;}
    .nav{width: 100%;}
    .nav ul{width: 100%;}
    .nav ul li{margin-right: 0px;padding-left: 0px;background: none;width: 14%;text-align: center;margin-top:0px;}
    .nav p{display: none;}
    .h1_top{position: relative;top: 40px;margin-left:0px;}
    .search{width: 100%;}
    .search_left{display: none;}
    .search_right{width: 100%;}
    .s_left{display: none;}

    .search_bg{width: 100%;display: none;}

    .pro_list{padding-left: 15px;padding-right: 15px;}
    .pro_list ul li a{font-size: 16px;}
    .pro_list ul li span{font-size: 14px;}

    .pro_index{width: 100%;}
    #demo{width: 100%;margin-left:0px;background-size: contain;}
    #indemo{width: 100%;}
    .pro_list ul li{width: 20%;margin:0px;    background-size: contain;}
    .download_show{overflow: hidden;display: block;}
    .download_show li{width: 20%;margin:0px;}
    .download_show li a{display: block;padding-left: 4px;padding-right: 4px;}
    .download_show li img{width: 100%;height: auto;}
    .download_show li h3{font-size: 12px;width: 100%;overflow: hidden;}
    .pro_show{padding-left: 10px;padding-right: 10px;}

    .news_bg{height: auto;}
    .news_index{width: 100%;}
    .news_index h2{height: auto;}
    .news_index ul li{width: 25%;margin:0px;margin-bottom: 20px;}
    .news_index ul li a{display: block;padding-left: 15px;padding-right: 15px;}
    .news_index ul li img{width: 90%;display: block;height: auto;margin-right: 0px;margin: 0 auto;float: none;text-align: center;}

    .about_bg{height: auto;}
    .about_index{width: 100%;}
    .about_left{width: 100%;background: none;padding-left:0px;}
    .about_left .about_p{padding-left: 15px;padding-right: 15px;}
    .about_t{margin-bottom: 14px;padding-left: 15px;}
    .about_right{width: 100%;display: none;}
    .about_list{width: 100%;}


    .slide_x .box{width: 100%;height: auto;margin-left:0px;}
    .slide_x .list{height: auto;}
    .slide_x .list img{width: 100%;height: auto;}

    .about_list ul li{width: 33%;margin: 0px;padding-bottom: 20px;}
    .about_list ul li img{height: auto;}
    
    .main_pro{display: none;}

    .f_right{margin-top: 0px;width: 100%;
        margin-bottom: 40px;}
    .footer_bg{background: #313131;}
    .footer{width: 100%;margin-top:30px}
    .f_left{display: none;}
    .f_nav{display: none;}

    .footerDiv {display: block;background: #f81123;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
   .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
   .footerWrap li a {color: #fff;font-size: 15px;display: block;}
   .footerWrap li i {display: block;}
   .footer_bottom{margin-bottom: 60px;}
   #content_ny{width: 100%;}
   .Product_list li{width: 25%;margin:0px;}
   .Product_list li a{padding-left: 4px;padding-right: 4px;display: block;}
   .Product_list li img{width: 100%;height: auto;}
   .title_h1{padding-left: 15px;}
   .h1_name{margin-right: 15px;}

   .page_content table td img{height: auto;}
   .page_p{padding-left: 10px;padding-right: 10px;}
   .page_content p img{height: auto;}
   .page_content>p{padding-left: 10px;padding-right: 10px;}
   .News_list{padding-left: 10px;padding-right: 10px;}


}

@media (min-width: 768px) and (max-width: 1023px) {
    .logo{padding-left: 20px;}
    #header{width: 100%;}
    .nav{width: 100%;}
    .nav ul{width: 100%;}
    .nav ul li{margin-right: 0px;padding-left: 0px;background: none;width: 14%;text-align: center;margin-top:0px;}
    .nav p{display: none;}
    .h1_top{position: relative;top: 40px;margin-left:0px;}
    .search{width: 100%;}
    .search_left{display: none;}
    .search_right{width: 100%;}
    .s_left{display: none;}

    .search_bg{width: 100%;display: none;}

    .pro_list{padding-left: 15px;padding-right: 15px;}
    .pro_list ul li a{font-size: 16px;}
    .pro_list ul li span{font-size: 14px;}

    .pro_index{width: 100%;}
    #demo{width: 100%;margin-left:0px;background-size: contain;}
    #indemo{width: 100%;}
    .pro_list ul li{width: 25%;margin:0px;    background-size: contain;}
    .download_show{overflow: hidden;display: block;}
    .download_show li{width: 25%;margin:0px;}
    .download_show li a{display: block;padding-left: 4px;padding-right: 4px;}
    .download_show li img{width: 100%;height: auto;}
    .download_show li h3{font-size: 12px;width: 100%;overflow: hidden;}
    .pro_show{padding-left: 10px;padding-right: 10px;}

    .news_bg{height: auto;}
    .news_index{width: 100%;}
    .news_index h2{height: auto;}
    .news_index ul li{width: 50%;margin:0px;margin-bottom: 20px;}
    .news_index ul li a{display: block;padding-left: 15px;padding-right: 15px;}
    .news_index ul li img{width: 90%;display: block;height: auto;margin-right: 0px;margin: 0 auto;float: none;text-align: center;}

    .about_bg{height: auto;}
    .about_index{width: 100%;}
    .about_left{width: 100%;background: none;padding-left:0px;}
    .about_left .about_p{padding-left: 15px;padding-right: 15px;}
    .about_t{margin-bottom: 14px;padding-left: 15px;}
    .about_right{width: 100%;display: none;}
    .about_list{width: 100%;}

	.main_pro{display: none;}
	
    .slide_x .box{width: 100%;height: auto;margin-left:0px;}
    .slide_x .list{height: auto;}
    .slide_x .list img{width: 100%;height: auto;}

    .about_list ul li{width: 33%;margin: 0px;padding-bottom: 20px;}
    .about_list ul li img{height: auto;}

    .f_right{margin-top: 0px;width: 100%;
        margin-bottom: 40px;}
    .footer_bg{background: #313131;}
    .footer{width: 100%;margin-top:30px}
    .f_left{display: none;}
    .f_nav{display: none;}

    .footerDiv {display: block;background: #f81123;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
   .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
   .footerWrap li a {color: #fff;font-size: 15px;display: block;}
   .footerWrap li i {display: block;}
   .footer_bottom{margin-bottom: 60px;}
   #content_ny{width: 100%;}
   .Product_list li{width: 33%;margin:0px;}
   .Product_list li a{padding-left: 4px;padding-right: 4px;display: block;}
   .Product_list li img{width: 100%;height: auto;}
   .title_h1{padding-left: 15px;}
   .h1_name{margin-right: 15px;}

   .page_content table td img{height: auto;}
   .page_p{padding-left: 10px;padding-right: 10px;}
   .page_content p img{height: auto;}
   .page_content>p{padding-left: 10px;padding-right: 10px;}
   .News_list{padding-left: 10px;padding-right: 10px;}

}

@media (max-width: 767px) and (min-width: 424px){
    .logo{padding-left: 20px;}
    #header{width: 100%;}
    .nav{width: 100%;}
    .nav ul{width: 100%;}
    .nav ul li{margin-right: 0px;padding-left: 0px;background: none;width: 20%;text-align: center;margin-top:0px;}
    .nav p{display: none;}
    .h1_top{display: none;}
    .search{width: 100%;}
    .search_left{display: none;}
    .search_right{width: 100%;}
    .s_left{display: none;}

    .search_bg{width: 100%;display: none;}

    .pro_list{padding-left: 15px;padding-right: 15px;}
    .pro_list ul li a{font-size: 16px;}
    .pro_list ul li span{font-size: 14px;}

    .pro_index{width: 100%;}
    #demo{width: 100%;margin-left:0px;background-size: contain;}
    #indemo{width: 100%;}
    .pro_list ul li{width: 33%;margin:0px;    background-size: contain;}
    .download_show{overflow: hidden;display: block;}
    .download_show li{width: 33%;margin:0px;}
    .download_show li a{display: block;padding-left: 4px;padding-right: 4px;}
    .download_show li img{width: 100%;height: auto;}
    .download_show li h3{font-size: 12px;width: 100%;overflow: hidden;}
    .pro_show{padding-left: 10px;padding-right: 10px;}

    .news_bg{height: auto;}
    .news_index{width: 100%;}
    .news_index h2{height: auto;}
    .news_index ul li{width: 50%;margin:0px;margin-bottom: 20px;}
    .news_index ul li a{display: block;padding-left: 15px;padding-right: 15px;}
    .news_index ul li img{width: 90%;display: block;height: auto;margin-right: 0px;margin: 0 auto;float: none;text-align: center;}

    .about_bg{height: auto;}
    .about_index{width: 100%;}
    .about_left{width: 100%;background: none;padding-left:0px;}
    .about_left .about_p{padding-left: 15px;padding-right: 15px;}
    .about_t{margin-bottom: 14px;padding-left: 15px;}
    .about_right{width: 100%;display: none;}
    .about_list{width: 100%;}
    
    .main_pro{display: none;}


    .slide_x .box{width: 100%;height: auto;margin-left:0px;}
    .slide_x .list{height: auto;}
    .slide_x .list img{width: 100%;height: auto;}

    .about_list ul li{width: 33%;margin: 0px;padding-bottom: 20px;}
    .about_list ul li img{width: 100%;height: auto;}

    .f_right{margin-top: 0px;width: 100%;
        margin-bottom: 40px;}
    .footer_bg{background: #313131;}
    .footer{width: 100%;margin-top:30px}
    .f_left{display: none;}
    .f_nav{display: none;}

    .footerDiv {display: block;background: #f81123;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
   .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
   .footerWrap li a {color: #fff;font-size: 15px;display: block;}
   .footerWrap li i {display: block;}
   .footer_bottom{margin-bottom: 60px;}

   #content_ny{width: 100%;}
   .Product_list li{width: 33%;margin:0px;}
   .Product_list li a{padding-left: 4px;padding-right: 4px;display: block;}
   .Product_list li img{width: 100%;height: auto;}
   .title_h1{padding-left: 15px;}
   .h1_name{margin-right: 15px;}

   .page_content table td img{width: 100%;height: auto;}
   .page_p{padding-left: 10px;padding-right: 10px;}
   .page_content p img{width: 100%;height: auto;}
   .page_content>p{padding-left: 10px;padding-right: 10px;}
   .News_list{padding-left: 10px;padding-right: 10px;}

}

@media (max-width: 425px){
    .logo{padding-left: 20px;}
    #header{width: 100%;}
    .nav{width: 100%;}
    .nav ul{width: 100%;}
    .nav ul li{margin-right: 0px;padding-left: 0px;background: none;width: 25%;text-align: center;margin-top:0px;}
    .nav p{display: none;}
    .h1_top{display: none;}
    .search{width: 100%;}
    .search_left{display: none;}
    .search_right{width: 100%;}
    .s_left{display: none;}

    .search_bg{width: 100%;display: none;}

    .pro_list{padding-left: 15px;padding-right: 15px;}
    .pro_list ul li a{font-size: 16px;}
    .pro_list ul li span{font-size: 14px;}

    .pro_index{width: 100%;}
    #demo{width: 100%;margin-left:0px;background-size: contain;}
    #indemo{width: 100%;}
    .pro_list ul li{width: 50%;margin:0px;    background-size: contain;}
    .download_show{overflow: hidden;display: block;}
    .download_show li{width: 50%;margin:0px;}
    .download_show li a{display: block;padding-left: 4px;padding-right: 4px;}
    .download_show li img{width: 100%;height: auto;}
    .download_show li h3{font-size: 12px;width: 100%;overflow: hidden;}
    .pro_show{padding-left: 10px;padding-right: 10px;}

    .news_bg{height: auto;}
    .news_index{width: 100%;}
    .news_index h2{height: auto;}
    .news_index ul li{width: 100%;margin:0px;margin-bottom: 20px;}
    .news_index ul li a{display: block;padding-left: 15px;padding-right: 15px;}
    .news_index ul li img{width: 48%;padding-right: 8px;display: block;height: auto;margin-right: 0px;margin: 0 auto;float: left;text-align: center;}

    .about_bg{height: auto;}
    .about_index{width: 100%;}
    .about_left{width: 100%;background: none;padding-left:0px;}
    .about_left .about_p{padding-left: 15px;padding-right: 15px;}
    .about_t{margin-bottom: 14px;padding-left: 15px;}
    .about_right{width: 100%;display: none;}
    .about_list{width: 100%;}


    .slide_x .box{width: 100%;height: auto;margin-left:0px;}
    .slide_x .list{height: auto;}
    .slide_x .list img{width: 100%;height: auto;}

    .about_list ul li{width: 33%;margin: 0px;padding-bottom: 20px;}
    .about_list ul li img{width: 100%;height: auto;}
    
    .main_pro{display: none;}

    .f_right{margin-top: 0px;width: 100%;
        margin-bottom: 40px;}
    .footer_bg{background: #313131;}
    .footer{width: 100%;margin-top:30px}
    .f_left{display: none;}
    .f_nav{display: none;}

    .footerDiv {display: block;background: #f81123;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
   .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
   .footerWrap li a {color: #fff;font-size: 15px;display: block;}
   .footerWrap li i {display: block;}
   .footer_bottom{margin-bottom: 60px;}

   #content_ny{width: 100%;}
   .Product_list li{width: 50%;margin:0px;}
   .Product_list li a{padding-left: 4px;padding-right: 4px;display: block;}
   .Product_list li img{width: 100%;height: auto;}
   .title_h1{padding-left: 15px;}
   .h1_name{margin-right: 15px;}

   .page_content table td img{width: 100%;height: auto;}
   .page_p{padding-left: 10px;padding-right: 10px;}
   .page_content p img{width: 100%;height: auto;}
   .page_content>p{padding-left: 10px;padding-right: 10px;}
   .News_list{padding-left: 10px;padding-right: 10px;}
   
   .n_title{font-size:16px;}
    
}



<!-- 新后台表格样式 -->
table{width: 100% !important;}
table td{border: 1px solid #ccc !important;line-height: 28px !important;}
table td p{padding-left: 6px !important;}


.yh_cp{ clear:both; width:1200px; padding-top:15px; overflow:hidden; } 
.yh_ms h2{ font-size:22px; color:#000; text-align:center;}
.yh_cp h3 { color:#333; font-size:18px;}
.yh_cp a { font-size:14px; color: #000; height:30px; line-height:30px; }
.yh_cp_l { width:1200px; text-align:left;}
.yh_cp_l li{ width:295px; float:left; background:url(xian.jpg) no-repeat left center; padding-left:20px; line-height:20px; }
.yh_cp_r { width:1200px; text-align:left; float:left; padding-top:20px;}
.yh_cp_r li{ width:295px; float:left; background:url(xian.jpg) no-repeat left center; padding-left:20px; line-height:20px;}
.yh_cp a:hover{ color: #F00;}
.yh_ms { padding-top:20px;}

.yh_ms p{ font-size:15px; color:#000;  text-indent:0em; padding-top:15px; font-weight:bold;}
.yh_ms a{ color:#000;}
.yh_ms a:hover{ color:#F00;} 

.xgwz{ clear:both; overflow:hidden; }
.xgwz table td{ border:none  !important;}
.xgwz h2{ text-align:center; font-size:24px; color: #333; line-height:26px; text-indent:0em; font-weight:bold;}
.xgwz h3{ color: #000; font-size:16px; height:30px; line-height:30px; padding-top:20px; text-align:left; font-weight:bold;}
.xgwz li a{ color:#000; text-align:left;line-height:10px; font-size:14px;}
.xgwz ul{ text-align:left; line-height:20px; padding-top:10px;}
.xgwz a:hover{ color:#F00;}